<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>我的网站</title>
    <style type="text/css">
		.zc {
			width: 100%;
			max-width: 700px;
			min-width: 430px;
			margin: 0 auto;
			padding: 3em 2em;
			box-sizing: border-box;
		}

    </style>

    <script type="text/javascript">
		function func(){
			alert('我被点击啦！')
		}

    </script>
</head>


<body>

<div class="zc">
    <fieldset>
        <form action="/reg" method="post">
            <p id="pa">
                <label for="username">账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</label>
                <input type="text" name="username" id="username" placeholder="请输入用户名"/>
            </p>
            <p>
                <label for="password">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</label>
                <input type="password" name="password" id="password" placeholder="请输入密码"/>
            </p>
            <p>
                <label>所在城市:</label>
                <select name="city" id="selectA">
                    <option value="bj">北京</option>
                    <option value="sh">上海</option>
                    <option value="gz">广州</option>
                    <option value="sz">深圳</option>
                </select>
            </p>

            <!--<input name="reg" placeholder="输入要做什么">-->

            <!--<button type="submit">注册</button>-->
            <input type="submit" value="注册">

        </form>

        <form action="/get_username" method="get">
            <p>
                <input type="submit" value="我是谁">
            </p>
        </form>
    </fieldset>

    <!-- 获取数据 -->
    <!--<div>{{num}}</div>-->

    <!--取列表数据-->
    <!--<div>{{list_data[1]}}-->
    <!--    <div>-->
    <!-- 循环获取list_data -->
    <!--        {% for i in list_data %}-->
    <!--        <p>{{i}}</p>-->
    <!--        {% endfor %}-->
    <!--    </div>-->

    <!--取字典数据-->
    <!--<div>{{dict_data.name}}-->
    <!-- 循环获取字典数据 -->
    <!--    <div>-->
    <!--        {% for key,value in dict_data.items() %}-->
    <!--             <p>{{key}} {{value}}</p>-->
    <!--        {% endfor %}-->
    <!--    </div>-->

    <!--if语句-->
    <!--    <div>-->
    <!--        {% if num > 100 %}-->
    <!--        <p>num大于100</p>-->
    <!--        {% else %}-->
    <!--        <p>num小于100</p>-->
    <!--        {% endif %}-->
    <!--    </div>-->
</div>

</body>


</html>